/*
 * @Author: nengwu 409791297@qq.com
 * @Date: 2020-06-28 22:25:38
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-10-18 22:54:05
 * @description: 
 */ 
import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    flex: 1,
  },
  container: {
    flex: 1,
  },
  newsMain: {
    paddingTop: px(50),
    paddingLeft: px(24),
    paddingRight: px(24),
    paddingBottom: px(50)
  },
  title: {
    fontSize: px(44),
    lineHeight: px(56),
    fontWeight: '500'
  },
  infoBox: {
    marginTop: px(20)
  },
  info: {
    fontSize: px(24),
    color: '#999'
  },
  content: {
    marginTop: px(0)
  },
  webview: {
    flex: 1,
    height: px(400),
    backgroundColor: '#ccc'
  },
  comments: {
    marginTop: px(50)
  },
  getMoreText: {
    color: '#ccc',
    fontSize: 12
  },
  
  recommendBar: {
    height: px(20),
    backgroundColor: '#fdf5f0'
  },
  headerBtn: {
    paddingRight: px(30),
    paddingLeft: px(20)
  }
})

const htmlStyles = StyleSheet.create({
  img: {
    width: '100%'
  },
  p: {
    fontSize: 16,
    lineHeight: 24
  }
})

export {
  styles,
  htmlStyles
}